doctype html
html(lang='en')
  head
    //
      Basic Page Needs
      ––––––––––––––––––––––––––––––––––––––––––––––––––
    meta(charset='utf-8')
    |   
    title QUANTAXIS DC
    |   
    meta(name='description', content='The next generation of the Plotly Web App is now available for Pro users.')
    |   
    meta(name='author', content='yutiansut')
    //
      Mobile Specific Metas
      ––––––––––––––––––––––––––––––––––––––––––––––––––
    meta(name='viewport', content='width=device-width, initial-scale=1')
    //
      FONT
      ––––––––––––––––––––––––––––––––––––––––––––––––––
    link(href='https://fonts.useso.com/css?family=Open+Sans:400,300', rel='stylesheet', type='text/css')
    //
      CSS
      ––––––––––––––––––––––––––––––––––––––––––––––––––
    link(rel='stylesheet', href='homepage/normalize.css')
    |   
    link(rel='stylesheet', href='homepage/skeleton.css')
    |   
    link(rel='stylesheet', href='homepage/custom.css')
    //
      Scripts
      ––––––––––––––––––––––––––––––––––––––––––––––––––
    script(src='homepage/particleground.min.js')
    //
      Favicon
      ––––––––––––––––––––––––––––––––––––––––––––––––––
    //
      <link rel="icon" type="https://jackparmer.github.io/plotly2/image/png" href="https://jackparmer.github.io/plotly2/images/favicon.png">
  |   
  body
    //
      Primary Page Layout
      ––––––––––––––––––––––––––––––––––––––––––––––––––
    #particles
    |   
    .section.hero
      .container
        .row
          .full-column
            h1(style='color: #560e00;') QUANTAXIS DC
            |           
            h4.hero-heading &#x4EA4;&#x4E92;&#x5F0F;&#x6570;&#x636E;&#x5C55;&#x793A;&#x89E3;&#x51B3;&#x65B9;&#x6848;
            |           
            h4.hero-heading SAME DATA, DIFFERENT VIEWS
            |           
            a.button.button-primary(target='_blank', href='http://www.yutiansut.com', style='background-color:#560e00;') Learn More
            |           
            br
    |   
    |   
    .section.values
      .container
        .row
          .one-third.column.value
            h2.value-multiplier &#x4EA4;&#x4E92;
            |           
            h5.value-heading JavaScript &amp; JQuery
            |           
            p.value-description Using JavaScript and JQuery for the interactive data presentation engine
          |         
          .one-third.column.value
            h2.value-multiplier &#x52A8;&#x6001;
            |           
            h5.value-heading AJAX &amp; Async
            |           
            p.value-description AJAX for refreshing the page locally and displaying the content dynamicly
          |         
          .one-third.column.value
            h2.value-multiplier &#x540C;&#x6B65;
            |           
            h5.value-heading Mysql &amp; JSON
            |           
            p.value-description The data will be saved in Mysql and passing to the front end with json format
        |       
        .row
          .one-third.column.value
            h2.value-multiplier &#x5E94;&#x7528;
            |           
            h5.value-heading Matlab &amp; Python
            |           
            p.value-description Using Matlab or Python to make the algorithm under your personal account
          |         
          .one-third.column.value
            h2.value-multiplier &#x573A;&#x666F;
            |           
            h5.value-heading Adaptive &amp; Responsive
            |           
            p.value-description You can access this by iphone, ipad, or PC whatever you like
          |         
          .one-third.column.value
            h2.value-multiplier &#x4F53;&#x9A8C;
            |           
            h5.value-heading Multi-Dimension 
            |           
            p.value-description
              | Look at the results in multi-level  and make a totally differnce experience of your strategy
    //
      End Document
      ––––––––––––––––––––––––––––––––––––––––––––––––––
    script.
      particleground(document.getElementById('particles'));
